}
scale {
- // FIXME: rationalize
-GtkScale-slider-length: 20;
-GtkRange-slider-width: 26;
-GtkRange-trough-border: 2;
trough { margin: 13px; }
- &:not(.vertical) slider { margin: 3px 0; }
-
+ &.horizontal slider { margin: 3px 0; }
&.vertical slider { margin: 0 3px; }
// the backing bit
// sizing
&.horizontal {
trough,
- progress { min-height: 4px; } // FIXME: should be 6px, but looks like currently gtk+ consider borders
+ progress { min-height: 2px; } // FIXME: should be 4px, but looks like currently gtk+ consider borders
}
&.vertical {
trough,
- progress { min-width: 4px; } // FIXME: should be 6px, but looks like currently gtk+ consider borders
+ progress { min-width: 2px; } // FIXME: should be 4px, but looks like currently gtk+ consider borders
}
&.horizontal progress { margin: 0 -1px; } // the progress node is positioned after the trough border
@extend %scale_highlight;
border-radius: 1.5px;
&.left {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
+ border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px;
}
&.right {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
}
&.top {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px;
}
&.bottom {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 2px;
+ border-bottom-left-radius: 2px;
}
}
border-radius: 4px; }
scale trough {
margin: 13px; }
- scale:not(.vertical) slider {
+ scale.horizontal slider {
margin: 3px 0; }
scale.vertical slider {
margin: 0 3px; }
box-shadow: 0 1px rgba(238, 238, 236, 0); }
progressbar.horizontal trough,
progressbar.horizontal progress {
- min-height: 4px; }
+ min-height: 2px; }
progressbar.vertical trough,
progressbar.vertical progress {
- min-width: 4px; }
+ min-width: 2px; }
progressbar.horizontal progress {
margin: 0 -1px; }
progressbar.vertical progress {
progressbar progress {
border-radius: 1.5px; }
progressbar progress.left {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px; }
progressbar progress.right {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px; }
progressbar progress.top {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px; }
progressbar progress.bottom {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-right-radius: 2px;
+ border-bottom-left-radius: 2px; }
progressbar.osd {
min-width: 3px;
min-height: 3px; }
border-radius: 4px; }
scale trough {
margin: 13px; }
- scale:not(.vertical) slider {
+ scale.horizontal slider {
margin: 3px 0; }
scale.vertical slider {
margin: 0 3px; }
box-shadow: 0 1px rgba(255, 255, 255, 0); }
progressbar.horizontal trough,
progressbar.horizontal progress {
- min-height: 4px; }
+ min-height: 2px; }
progressbar.vertical trough,
progressbar.vertical progress {
- min-width: 4px; }
+ min-width: 2px; }
progressbar.horizontal progress {
margin: 0 -1px; }
progressbar.vertical progress {
progressbar progress {
border-radius: 1.5px; }
progressbar progress.left {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-top-left-radius: 2px;
+ border-bottom-left-radius: 2px; }
progressbar progress.right {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px; }
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px; }
progressbar progress.top {
- border-top-right-radius: 3px;
- border-top-left-radius: 3px; }
+ border-top-right-radius: 2px;
+ border-top-left-radius: 2px; }
progressbar progress.bottom {
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px; }
+ border-bottom-right-radius: 2px;
+ border-bottom-left-radius: 2px; }
progressbar.osd {
min-width: 3px;
min-height: 3px; }